@charset "utf-8";
.web{
	position: relative;
	height: 100%;
		header{width: 100%;
			position: absolute;
			display: flex;
			justify-content: space-between;
			align-items: center;
		.itemize{ span{
			font-size: vw(26);
	}
		}
		.letter{
			color: $color;
			position: relative;
			
			i{
				font-size: vw(70);
			}
		}
		.circle{
				position: absolute;
				top:vw(20);
				right: vw(20);
				min-width: vw(30);
				height:vw(30);
				text-align: center;
				font-size: vw(20);
				color: white;
				line-height: vw(30);
				border-radius: 50%;
				background-color: #fa5050;
		}
	}
	.main_list{
		.login{
			display: flex;
			justify-content: space-between;
			.Login_Avatar{
				width: vw(175);
				height: vw(175);
				border-radius: 50%;
				overflow: hidden; 
				position: relative;
				img{
					position: absolute;
					right: vw(0);
					top:vw(1);
					width: vw(240);
					height: vw(240);
					text-align: center;
				}
			}
			.Click_login{
				display: flex;
				justify-content: space-between;
				text-align: center;
				line-height: vw(60);
				align-items: center;
				flex-grow:0.9;
				.click_left{
					a{
						p{
							font-size: vw(30);
							color: black;
						}
						span{
							color: #9d9d9d;
							font-size: vw(26);
						}
					}
				}
				.click_right{
					vertical-align: middle;
					a{	
						font-size: vw(90);
						color: black;
					}
				}
				
			}
			
		}
	.list_coupon{
		margin: vw(30) 0;
		display: flex;
		justify-content: space-between;
		.coupon_1{
			text-align: center;
			line-height: vw(150);
			width:vw(190) ;
			height: vw(150);
			background-color: #b2e0a0;
			i{
				font-size: vw(100);
				color: white;
			}
		}
		.coupon_2{
			text-align: center;
			line-height: vw(150);
			width:vw(190) ;
			height: vw(150);
			background-color: #a0dce0;
			i{
				font-size: vw(100);
				color: white;
			}
			
		}
		.coupon_3{
			text-align: center;
			line-height: vw(150);
			width:vw(190) ;
			height: vw(150);
			background-color: #e0b7a0;
			i{
				font-size: vw(100);
				color: white;
				}
			}
		}
	.tool{
		padding-top: vw(20);
		display: flex;
		justify-content: space-between;
		align-items: center;
			i{ color:#ef9c0a;
				font-size: vw(80);
			}
		p{font-size: vw(26);}
		span{font-size: vw(24);}
		a{ 
			color:black;
			font-size: vw(24);
			i{font-size: vw(28);
			}
		}
	.tool_word{flex-grow:0.9;
		
			}
		.tool_icon2{
			i{color: $color;
				}
			}
		.tool_icon3{
			i{color:#b2e0a0;
				}
			}
		.tool_icon4{
			i{color:#a0dce0;
				}
			}
		}
	.tool_2{
		height: vw(50);
		}
	}

// 大盒e
}